<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> Pizzario </title>
  <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
 <script type="text/javascript" src="jquery-1.2.6.min.js"></script>
 <script type="text/javascript">
 /*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});
</script>

<style type="text/css">
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:420px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
</style>

  <link rel="stylesheet" href="css/pizzario.css" type="text/css" />
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 
 </head>

 <body>
 <div class="main-container">
   <header>
	<div id='banner'><a href="index.php"><img src="images/banner.png" /></a></div>
  </header>
  </div>
  <div class="nav">
<nav>
            <ul>
            <li><a href="index.php">Home</a></li>
            <li><a href="bestellen.php">Bestellen</a></li>
            <li><a href="mijnpagina.php">Mijn Pagina</a></li>
            <li><a href="about.php">About Us</a></li>
            <li><a href="contact.php">Contact Us</a></li>
			
            </ul>
        </nav>
		</div>
		<div class="main-container">
  <div class="container1">
  <div id="slideshow">
    <img src="images/splash.png" alt="Slideshow Image 1" class="active" />
    <img src="images/splash2.png" alt="Slideshow Image 2" />
    <img src="images/splash3.png" alt="Slideshow Image 3" />
</div>
</div>
</div>


	<!--<script type="text/javascript" src="http://static.ak.connect.facebook.com/connect.php/en_US"></script><script type="text/javascript">FB.init("89c0090f5acefcc1089c96aa26691815");</script><fb:fan profile_id="119030061441210" stream="0" connections="10" logobar="0" width="250"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Team-Four-Star-Official/119030061441210">Team Four Star (Official)</a> on Facebook</div> -->

      <!-- <iframe src="http://www.facebook.com/plugins/like.php?href=YOUR_URL"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe> -->

 </body>
</html>
